<template>
  <div class="map-container">
    <!-- 地图点选 -->
    <MapViewer class="position-map" :regionCode="regionCode"> </MapViewer>
  </div>
</template>

<script setup>
import MapViewer from "@/components/MapViewer.vue";
import { ref, reactive, onMounted, watch } from "vue";
import L from "leaflet";
import "leaflet/dist/leaflet.css";
// 地图组件
const mapRef = ref();
const mapSetting = reactive({
  center: [106.504962, 29.533155],
});
const regionCode = ref("530000");

onMounted(() => {
  //   mapRef.value.open();
});
</script>

<style lang="less" scoped>
.map-container {
  height: 100vh;
  .position-map {
    width: 100%;
    height: 100%;
  }
}
</style>
